title = "情人节专题页"
url = "/valentinesday.html"
layout = 'default'
==

<link rel="stylesheet" type="text/css" href="{{ 'assets/special/css/special.css'|theme }}?232">

{% set valentinesdayBanner = catalog.fetchAd('valentinesday-banner-m').items %}
{% if valentinesdayBanner %}
    <ul class="valentinesdayBanner">
        {% for item in  valentinesdayBanner%}
            <li class="">
                <img src="{{ item.image.getPath() }}" alt="">
            </li>
        {% endfor %}
    </ul>
{% endif %}
<div class="gif">
    <img src="{{ 'assets/img/loin.gif'|theme }}" alt="">
</div>
<div class="category_content valentinesdayCont">
    <div id="popup" class="pop1">
        <div class="goShow"></div>
        <ul class="r_nav">
            <li class="lis active"><a style="background: #99c1e1"  >アウター</a></li>
            <li class="lis"><a style="background: #f1a291"  >トップス</a></li>
            <li class="lis"><a style="background: #9bc79d"  >ボトムス</a></li>
            <li class="lis"><a style="background: #f3b6bf"  >ワンピース</a></li>
            <li class="lis"><a style="background: #f7c69b"  >雑貨・小物</a></li>
        </ul>
    </div>
    <div class="itemList">
        <ul class="listUl">
            <li ><h3 class="indexHead" id="date0">アウター</h3></li>
            {% set products = catalog.productSection('m-valentinesday-outerwear-10').items %}
            {% partial 'catalog/list-products' products = products %}
            <li class="seeMore">
                <a href="/outerwear-c-4686.html?rel=home" class="seeMoreText arrow_r">もっと見る</a>
            </li>
        </ul>
        <ul class="listUl">
            <li ><h3 class="indexHead" id="date1">トップス</h3></li>
            {% set products = catalog.productSection('m-valentinesday-tops-10').items %}
            {% partial 'catalog/list-products' products = products %}
            <li class="seeMore">
                <a href="/tops-c-4671.html?rel=home" class="seeMoreText arrow_r">もっと見る</a>
            </li>
        </ul>
        <ul class="listUl">
            <li ><h3 class="indexHead" id="date2">ボトムス</h3></li>
            {% set products = catalog.productSection('m-valentinesday-bottoms-10').items %}
            {% partial 'catalog/list-products' products = products %}
            <li class="seeMore">
                <a href="/bottoms-c-4679.html?rel=home" class="seeMoreText arrow_r">もっと見る</a>
            </li>
        </ul>
        <ul class="listUl">
            <li ><h3 class="indexHead" id="date3">ワンピース</h3></li>
            {% set products = catalog.productSection('m-valentinesday-dress-10').items %}
            {% partial 'catalog/list-products' products = products %}
            <li class="seeMore">
                <a href="/dress-c-4664.html?rel=home" class="seeMoreText arrow_r">もっと見る</a>
            </li>
        </ul>
        <ul class="listUl">
            <li ><h3 class="indexHead" id="date4">雑貨・小物</h3></li>
            {% set products = catalog.productSection('m-valentinesday-goods-10').items %}
            {% partial 'catalog/list-products' products = products %}
            <li class="seeMore">
                <a href="/goods-c-4693.html?rel=home" class="seeMoreText arrow_r">もっと見る</a>
            </li>
        </ul>

    </div>
</div>

{% put scripts %}
<script>
$(function(){
    $('#popup .r_nav .lis a').click(function(e){
        e.preventDefault();
    })
    $("#popup .goShow").click(function(){
        $(this).toggleClass("goHide");
        $(this).next().toggleClass("show");
    })
    /**/
    var AllHet = $(window).height();
    $('#popup .r_nav .lis').click(function(){
        var ind = $('#popup .r_nav .lis').index(this);
        var topVal = $('.itemList .listUl').eq(ind).offset().top -98;
        $('body,html').animate({scrollTop:topVal},200)
    })
   $(window).scroll(scrolls)
   scrolls()
   function scrolls(){
        var arr = new Array(5)
        var fixRight = $('#popup .r_nav .lis');
        var sTop = $(window).scrollTop();

        for(var i=0;i<arr.length;i++){
          arr[i] = $('.itemList .listUl').eq(i).offset().top-100;
          if(sTop > arr[i]){
            fixRight.eq(i).addClass('active').siblings().removeClass('active');
          }
        }
    }
})


</script>
{% endput %}